<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Promotion</title>
<link rel="stylesheet" href="../../style.css" media="screen" />
<link rel="stylesheet" href="../../css/shopping.css" media="screen" />
<link rel="stylesheet" href="../../scripts/cloud-zoom.1.0.2/cloud-zoom.css" type="text/css" />
<link rel="stylesheet" href="../../scripts/fancybox/jquery.fancybox-1.3.4.css" type="text/css" />
<script type="text/javascript" src="../../scripts/jquery.min.js"></script>
<script type="text/javascript" src="../../scripts/jquery.ui.min.js"></script>
<script type="text/javascript" src="../../scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="../../scripts/fancybox/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="../../scripts/jquery.carouFredSel-5.0.7.js"></script>
<script type="text/javascript" src="../../scripts/cloud-zoom.1.0.2/cloud-zoom.1.0.2.min.js"></script>
<script type="text/javascript" src="../../scripts/common.js"></script>
<script type="text/javascript" src="../../scripts/cufon/cufon-yui.js"></script>
<script type="text/javascript" src="../../scripts/cufon/PSL_Kittithada_Pro___700.font.js"></script>
<script type="text/javascript">
Cufon.replace('h1,p.name');
$(function(){
	$(".category-nav a.active").removeClass('active');
	var tid = "$tid";
	if(tid){
		$(".category-nav a:nth-child("+tid+")").addClass('active');	
	}
	
	$('#form-search').submit(function(){
	if(($('#form-search #q').val() == '')||($('#form-search #q').val() == 'Search Keyword')){
		alert('Please Enter Keyword');
		return false;
	}		  
	});
	$('#form-search #search').bind('focusin', function() {
		if($(this).val()=='Search Keyword') $(this).val('');
	}).bind('focusout', function() {
		if($(this).val()=='') $(this).val('Search Keyword');
		return false;
	});
	
});
</script>
<style type="text/css">
.content {
	min-height:500px;
}
.mousetrap {
	width:560px !important;
}
.cloud-zoom-big {
	width:560px !important;
}
#wrap {
	z-index:1 !important;
}
div#wrap-footer {
	position: relative;
}
body#shopping div.content {
	padding: 7em 0 0;
}
div.shadow-l, div.shadow-r {
	height: 100%;
}
div.shop-brand {
	height: 555px;
	position: absolute;
	right: -55px;
	top: 0;
	overflow: hidden;
	width: 150px;
}
div.brand-product-list ul li p.pic {
	height:100px;
}
.brand-thumb {
	display:block;
	width:105px;
	float:left;
}
.shop-head {
	float:left;
	margin-left:100px;
}
</style>
</head>
<body id="shopping">
<!--$header_html-->
<div id="wrap-container">
  <div class="content">
    <div class="brand-product-list">
      <ul>
        <!--SiXhEaD:list-->
        <li>
          <p class="pic"><a href="/promotion/view/$content_id">$thumb</a></p>
          <p class="name"><a href="/promotion/view/$content_id">$title</a></p>
        </li>
        <!--/SiXhEaD:list-->
      </ul>
    </div>
    <div class="page"> $strPage </div>
    <br class="clear" />
  </div>
</div>
<!--$footer_html-->
</body>
</html>